<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 只适用于外部脚本，都会告诉浏览器立即开始下载。不过，与 defer 不同的
是，标记为 async 的脚本并不保证能按照它们出现的次序执行 -->
  <script src="./example1.js" async></script>
  <script src="./example2.js" async></script>

  <!-- 给
脚本添加 async 属性的目的是告诉浏览器，不必等脚本下载和执行完后再加载页面，同样也不必等到
该异步脚本下载和执行后再加载其他脚本。正因为如此，异步脚本不应该在加载期间修改 DOM。
异步脚本保证会在页面的 load 事件前执行，但可能会在 DOMContentLoaded（参见第 17 章）之
前或之后。 -->
  <script>
    console.log('我是行内文本');
  </script>
</body>

</html>